<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>To-do Tasks Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,  minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../common/css/app.min.css">
<script src="../common/js/jQuery2.0.2.min.js"></script>
<script src="../common/js/main.min.js"></script>

</head>

<body>

<div class="app-wrapper">

<nav class="main-menu">
<a href="#">Something</a>
<a href="#">Something</a>
<a href="#">Something</a>
</nav><!--#main-menu-->

<header>
<div class="main-menu-button main-menu-button-left"><a class="left-arrow">&nbsp;</a></div>
<div class="main-menu-button main-menu-button-right"><a class="gear">&nbsp;</a></div>
<h1>Tasks</h1>
</header>

<div class="app-content">

<div class="tabbed-list-view-nav">
    <a href="#" class="span-33 on">Today</a>
    <a href="#" class="span-33">This Week</a>
    <a href="#" class="span-33">This Month</a>
    <div class="tabbed-list-view-nav-arrow">&nbsp;</div>
</div>

<ul class="tabbed-list-view">
<li>
    <ul class="list-view list-view-tasks">
        <li class="overdue">
            <div class="content">
                <div class="task-complete-checkbox">
                    <input type="checkbox" name="checkbox" />
                </div>
                <div class="date">07/14</div>   
                <h2>Call Mathew</h2>
                <p><a href="#">Matthew Smith</a></p>
                <p>Re: <a href="#">System Upates</a></p>
            </div><!--.content-->
        </li>
        <li>
            <div class="content">
                <div class="task-complete-checkbox">
                    <input type="checkbox" name="checkbox" />
                </div>
                <div class="date">07/14</div>   
                <h2>Call Mathew</h2>
                <p><a href="#">Matthew Smith</a></p>
                <p>Re: <a href="#">System Upates</a></p>
            </div><!--.content-->
        </li>
        <li>
            <div class="content">
                <div class="task-complete-checkbox">
                    <input type="checkbox" name="checkbox" />
                </div>
                <div class="date">07/14</div>   
                <h2>Call Mathew</h2>
                <p><a href="#">Matthew Smith</a></p>
                <p>Re: <a href="#">System Upates</a></p>
            </div><!--.content-->
        </li>
    </ul>
</li>
<li>
    <ul class="list-view list-view-tasks">
        <li class="overdue">
            <div class="content">
                <div class="task-complete-checkbox">
                    <input type="checkbox" name="checkbox" />
                </div>
                <div class="date">07/14</div>   
                <h2>Call Mathew</h2>
                <p><a href="#">Matthew Smith</a></p>
                <p>Re: <a href="#">System Upates</a></p>
            </div><!--.content-->
        </li>
    </ul>
</li>
<li>
    <ul class="list-view list-view-tasks">
        <li class="overdue">
            <div class="content">
                <div class="task-complete-checkbox">
                    <input type="checkbox" name="checkbox" />
                </div>
                <div class="date">07/14</div>   
                <h2>Call Mathew</h2>
                <p><a href="#">Matthew Smith</a></p>
                <p>Re: <a href="#">System Upates</a></p>
            </div><!--.content-->
        </li>
        <li>
            <div class="content">
                <div class="task-complete-checkbox">
                    <input type="checkbox" name="checkbox" />
                </div>
                <div class="date">07/14</div>   
                <h2>Call Mathew</h2>
                <p><a href="#">Matthew Smith</a></p>
                <p>Re: <a href="#">System Upates</a></p>
            </div><!--.content-->
        </li>
    </ul>
</li>
</ul><!--.tabbed-list-view-->

</div><!--#app-content-->
</div><!--#app-wrapper-->

</body>
</html>
